@import './base.scss';
@import './slider.scss';
@import './aboutus.scss';
@import './showcase.scss';
@import './serviceflow.scss';
@import './team.scss';
@import './statistic.scss';
@import './companynews.scss';

// 顶部
header {
	height: 80px;
	position: relative;
	display: grid;
	padding: 0 40px;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	z-index: 200;
	.logo {
		color: var(--text-color-lightest);
		font-size: 24px;
		font-weight: 600;
	}
	nav {
		justify-self: end;
		a {
			margin: 0 24px;
			text-decoration: none;
			color: var(--text-color-lightest);
		}
		i {
			color: var(--text-color-lightest);
		}
	}
	.burger {
		display: none;
	}
}

// 通用样式：内容区域
.content-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	section {
		max-width: 1180px;
		padding: 0 80px;
		display: grid;
		justify-items: center;
		&.section--bg {
			position: relative;
			&::before {
				width: 100vw;
				height: 100%;
				position: absolute;
				content: '';
				background-color: #f9fbfb;
				z-index: -1;
			}
		}
		.title1 {
			font-size: 34px;
			color: var(--text-color-darker);
			&::after {
				width: 80%;
				height: 4px;
				margin-top: 14px;
				display: block;
				transform: translateX(10%);
				content: '';
				background-color: var(--primary-color);
			}
		}
		.intro {
			margin: 28px 0 60px;
			color: var(--text-color-dark-gray);
			font-size: 18px;
		}
	}
}
